/*用户消息记录页面排版的css*/
.widget-box {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 3px 0;
    border-bottom: 1px solid #CCC
}

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    min-height: 38px;
    background: #f7f7f7;
    background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff),
    to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, 0%, #eee, 100%);
    background-image: -moz-linear-gradient(top, #fff 0, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',
    endColorstr='#ffeeeeee', GradientType=0);
    color: #669fc7;
    border: 1px solid #CCC;
    border-bottom: 1px solid #DDD;
    padding-left: 12px
}

.lighter {
    font-weight: lighter
}

h4.smaller {
    font-size: 17px
}

.widget-body {
    border: 1px solid #CCC;
    border-top: 0;
    background-color: #FFF
}

.widget-main {
    padding: 12px
}

.no-padding {
    padding: 0 !important
}

.dialogs {
    padding: 9px 9px 0;
    position: relative
}

.itemdiv {
    padding-right: 3px;
    min-height: 66px;
    position: relative
}

.itemdiv > .user {
    display: inline-block;
    width: 42px;
    position: absolute;
    left: 0
}

.itemdiv > .user > img {
    border-radius: 100%;
    border: 2px solid #5293c4;
    max-width: 40px;
    position: relative
}

.itemdiv > .body {
    width: auto;
    margin-left: 50px;
    margin-right: 12px;
    position: relative
}

.itemdiv > .body > .time {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    position: absolute;
    right: 9px;
    top: 0
}

.itemdiv > .body > .time [class*="icon-"] {
    font-size: 14px;
    font-weight: normal
}

.itemdiv > .body > .name {
    display: block;
    color: #999
}

.itemdiv > .body > .name > b {
    color: #777
}

.itemdiv > .body > .text {
    display: block;
    position: relative;
    margin-top: 2px;
    padding-bottom: 19px;
    padding-left: 7px;
    font-size: 13px
}

.itemdiv > .body > .text:after {
    display: block;
    content: "";
    height: 1px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    left: 16px;
    right: -12px;
    margin-top: 9px;
    border-top: 1px solid #e4ecf3
}

.itemdiv > .body > .text > [class*="icon-quote-"]:first-child {
    color: #dce3ed;
    margin-right: 4px
}

.itemdiv:last-child > .body > .text {
    border-bottom: 0
}

.itemdiv:last-child > .body > .text:after {
    display: none
}

.itemdiv.dialogdiv {
    padding-bottom: 14px
}

.itemdiv.dialogdiv:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 19px;
    width: 3px;
    max-width: 3px;
    background-color: #e1e6ed;
    border: 1px solid #d7dbdd;
    border-width: 0 1px
}

.itemdiv.dialogdiv:last-child:before {
    display: none
}

.itemdiv.dialogdiv > .user > img {
    border-color: #c9d6e5
}

.itemdiv.dialogdiv > .body {
    border: 1px solid #dde4ed;
    padding: 5px 8px 8px;
    border-left-width: 2px;
    margin-right: 1px
}

.itemdiv.dialogdiv > .body:before {
    content: "";
    display: block;
    position: absolute;
    left: -7px;
    top: 11px;
    width: 8px;
    height: 8px;
    border: 2px solid #dde4ed;
    border-width: 2px 0 0 2px;
    background-color: #FFF;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.itemdiv.dialogdiv > .body > .time {
    position: static;
    float: right
}

.itemdiv.dialogdiv > .body > .text {
    padding-left: 0;
    padding-bottom: 0
}

.itemdiv.dialogdiv > .body > .text:after {
    display: none
}

.itemdiv.dialogdiv .tooltip-inner {
    word-break: break-all
}

.itemdiv.memberdiv {
    width: 175px;
    padding: 2px;
    margin: 3px 0;
    float: left;
    border-bottom: 1px solid #e8e8e8
}

.itemdiv.memberdiv > .user > img {
    border-color: #dce3ed
}

.itemdiv.memberdiv > .body > .time {
    position: static
}

.itemdiv.memberdiv > .body > .name {
    line-height: 18px;
    height: 18px;
    margin-bottom: 0
}

.itemdiv.memberdiv > .body > .name > a {
    display: inline-block;
    max-width: 100px;
    max-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.itemdiv .tools {
    position: absolute;
    right: 5px;
    bottom: 10px;
    display: none
}

.itemdiv .tools .btn {
    border-radius: 36px;
    margin: 1px 0
}

.itemdiv .body .tools {
    bottom: 4px
}

.itemdiv.commentdiv .tools {
    right: 9px
}

.itemdiv:hover .tools {
    display: inline-block
}

